.main-page{width:800px;float:left;display:block;}
.full-page-holder{border-top:1px solid #e9e9e9;}
.blank-bar{margin-top:10px;}
.blog-sidebar li{list-style:none; line-height:1.5em; }
.pager-top{border-bottom:none;}
#blogindex .page-title {
	overflow: hidden;
	padding: 10px 0 15px;
	_zoom:1;
}

#blogindex .page-title h2 {
	background: url(/img/newsfeed/blog.gif) no-repeat 0 50%;
	float: left;
	padding:0 12px 0 24px;
}
.vertical-margin{margin:10px 0;}
h3.title-article{font-size:12px;}
.section-header{margin:-5px 0 10px;position:relative;overflow:hidden;zoom:1;}
.section-header h2{padding-top:5px;}
.section-header .section-avatar{float:left;margin-right:10px;}
.section-header .section-avatar a{display:block;width:50px;height:50px;background-position:center center;background-repeat:no-repeat;}
.section-header .section-actions{margin-top:5px;}
/* rounded box */
.rounded-box .corner {background:url(/imgpro/box/blue_rounded_sprite.gif) no-repeat;}
.rounded-box .corner.tl {background-position:left top;}
.rounded-box .corner.tr {background-position:right top;padding:4px 0 0;}
.rounded-box .corner.bl {background-position:left bottom;}
.rounded-box .corner.br {background-position:right bottom;padding:0 0 4px;}
.rounded-box .corner-body {background:#F0F5F8;border:solid #B8D4E8;border-width:0px 1px;padding:5px 0 1px 0;}

.blog-home{float:left;width:580px;clear:both;}
.blog-home .list-box{margin-bottom:15px;}

.blog-sidebar{float:right;width:200px;}

.blog-sidebar .separator {height:0px;overflow:hidden;border-bottom:1px solid #CEE1EE;margin:0 10px 5px;}
.blog-sidebar .side-item-header {padding:3px 0;text-align:right;margin:0 8px;}
.blog-sidebar .side-item-header h4 {float:left;}
.blog-sidebar .side-item-header h4 span {color:#808080;font-weight:normal;}
.blog-sidebar .side-item-body {padding:5px 0 10px 10px;}

.blog-sidebar .picked-fri li{margin-bottom: 5px;}

.friends-select select{width:177px;}

/* Sub&Self Navigation */
#sub-nav {margin-bottom:10px;border-bottom: 1px solid #CCC;overflow: hidden;zoom: 1;padding: 14px 10px 0;}
#sub-nav ul {list-style: none;overflow: auto;zoom: 1;padding-left: 2px;}
#sub-nav ul li {float: left;margin-left: -1px;}
#sub-nav ul li a {border: 0 solid #898989;border-width: 1px 1px 0;display: block;background: #F1F1F1 url(/img/sub_tab.gif) repeat-x;color: #333;min-width: 60px;text-align: center;padding: 3px 1.0em;}
* html #sub-nav ul li a {width: 60px;white-space: nowrap;}
*+html #sub-nav ul li a {padding: 4px 1.0em 2px;}
@media all and (min-width:0px) { head~body #sub-nav ul li a { width: 60px; } }
#sub-nav .selected {z-index: 99;position: relative;}
#sub-nav .selected a {border-style: solid;border-color: #3B5888 #5973A9;border-width: 1px 1px 0;color: #FFF;background: #6D84B4;}
#sub-nav .snav {padding: 0 0 5px;float: left;}
#sub-nav .pagerpro-title {padding: 0 0 5px;float: left;}
*+html #sub-nav .snav {padding: 0 0 4px;}
#self-nav {padding: 14px 10px 0;border-bottom: 1px solid #3B5888;}
#self-nav ul {list-style: none;overflow: auto;zoom: 1;}
#self-nav li {float: left;margin: 0 2px;}
#self-nav li a {height: 1.8em;line-height: 1.8em;display: block;color: #3B5888;text-align: center;padding: 0 0.6em;}
#self-nav li a:hover {background:#D8DFEA;text-decoration:none;}
*html #self-nav li a {height: 1.3em;line-height: 1.0em;padding-top: 0.5em;white-space: nowrap;width: 1px;}
#self-nav .selected a {color: #FFF;background: #3B5888;}
#self-nav .selected a:hover {color: #FFF;background: #3B5888;}
#self-nav .float-right {line-height: 1.8em;}

.pager-top span.right-line{float:right;}
#avatar-table {

}

#avatar-table td {
    vertical-align: bottom;
    text-align: center;
    height: 100%;
}

#avatar-table p {
    padding: 0.5em 5px 0;
}

#avatar-table p span {
    display: block;
    padding-top: 0.2em;
}

#avatar-table img {
    width: 50px;
}

#avatar-table span.more, #blog-releative span.more {
    display: block;
    text-align: right;
    padding-right: 0.75em;
    margin-top: 0.8em;
    background: url(/img/arrow.gif) no-repeat right center;
}
/* Simple Editor */
.bxTool {background:#F7F7F7;padding:1px 0;margin-bottom:0 !important;width:466px;}
#face{width:20px;height:20px;}
#bxFace{width:194px;height:194px;position:absolute;display:none;overflow:hidden}
#faceImg{width:194px;height:194px;position:absolute;z-index:2;}
#shadow{width:24px;height:24px;position:absolute;visibility:hidden;border:1px solid #5EB8EE;background:#C8E7F9;z-index:1}
#smallFace{width:60px;height:60px;position:absolute;visibility:hidden;border:1px solid #666;z-index:3;top:2px;left:2px;}
#simpleEditPan {padding-bottom:0.5em;position:relative;}
#comment p a.sendgift{ float:right; background:url(/img/newsfeed/gift.gif) left center no-repeat; padding-left:20px; margin-top:-20px; margin-right:20px;}
#comment.commentinalbum{}
#comment.commentinalbum .bxTool{ width:437px;}
#comment.commentinalbum #simpleEditPan textarea#cmtbody{width:431px !important; }
#comment.commentinalbum p a.sendgift{ float:right; background:url(/img/newsfeed/gift.gif) left center no-repeat; margin-right:-1px; }

/* commentlist */
.commentlist { list-style:none;}
.commentlist li { padding:5px 0px;}
.commentlist .odd { background:#f7f7f7; border-top:1px solid #d8dfea; border-bottom:1px solid #d8dfea;}
.commentlist .even { background:#fff;}
.commentlist .content {padding:5px;}
.comment { padding-left:60px;}
.comment:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.comment .picture { float:left; width:60px; margin-left:-60px;}
* html .comment .picture { display:inline;}
.comment .usericon img { width:50px; max-height:75px;}
.comment .info { line-height:20px;}
.comment .floor { float:right; color:#808080;}
.commentlist, .comment { *zoom:1;}
#comments .info{height: 20px;background:#F7F7F7 none repeat scroll 0% 50%;border-top:1px #d8dfea solid;}
#comments .info span.author,#comments .info span.timestamp,#comments .info span.reply,#comments .info span.remove {float: left;}
*+html #comments .info span.timestamp {margin-top: -2px;}
#comments .info span.reply,#comments .info span.remove {padding: 0 0.5em;float:right;}
#comments .info span.author {padding-left: 0.5em;}
#comments .info .super-actions {float: left;padding-top: 3px;}
*+html #comments .info .super-actions {float: right;padding-top: 1px;}
* html #comments .commentlist {position: relative;}
#comments .info .super-actions-menu {top: 19px;}
*+html #comments .info .super-actions-menu,*+html #threadlist .info .super-actions-menu {top: 17px;}
#comments .info .super-actions,#comments .info span.timestamp{ float:right;}

/* super-actions */
.super-actions {position: relative;}
.super-actions a {background: url(/img/super_actions.gif) no-repeat 0 0;display: block;height: 16px;line-height: 16px;width: 16px;}
.super-actions a:hover {background: url(/img/super_actions.gif) no-repeat 0 100%;}
.super-actions-menu {visibility:hidden;position: absolute;top: 18px;right: 0;border: 1px solid #B8B7AF;border-color: #B8B7AF #727271 #727271 #B8B7AF;list-style: none;width: 64px;z-index: 1000;}
.super-actions-menu li a.red{ color:#FF0000;}
.super-actions-menu li {padding: 0 !important;}
.super-actions-menu li a {display: block;background: #FFF !important;padding-right: 10%;width: 90%;line-height: 20px;height: 20px;text-align: right;border-bottom: 1px solid #DEDEEF;}
.super-actions-menu li a:hover {text-decoration: none;color: #FFF;background: #5D74A2 !important;}
.super-actions-menu li.report a {border-bottom: 0;}
.super-actions:hover ul,.super-actions a:hover ul {visibility:visible;}




.floarright{ float:right;}
.xui-t3 .xui-gf .entry { margin:0; border:none; border-top:1px dashed #d8dfea;}
.xui-t3 .xui-gf .entry .date { font-size:14px; font-weight:bold; line-height:24px;}
.xui-t3 .xui-gf .entry h4 { font-size:14px; font-weight:bold; line-height:24px;}
.xui-t3 .xui-gf .entry .text { padding:5px 0;}
.xui-t3 .xui-gf .entry .subinfo { color:#808080;}
.xui-t3 .xui-gf .entry .text img { max-width:440px;}
* html .xui-t3 .xui-gf .entry .text img { width:expression((this.width < 440) ? "auto" : "440px");}

.xui-t3 .xui-g .box h3 { margin:0; padding:0 0 0 11px; border:0; border-bottom:1px solid #d8dfea; background:transparent;}
.xui-t3 .xui-g .image img { width:116px; padding:1px; border:1px solid #d8dfea;}
.xui-t3 .xui-g .actions ul { list-style:none; width:120px; margin:10px 0;}
.xui-t3 .xui-g .actions li { border-bottom:1px solid #d8dfea; color:#808080;}
.xui-t3 .xui-g .actions a { display:block; text-align:center; text-decoration:none;}

#comments {position:relative;margin:1.5em 0;}
*html #comments.no-comment {margin:0 !important;}
#comments .content img {max-width:360px;}
* html #comments .content img { width:expression((this.width < 360) ? "auto" : "360px");}
#comments .timestamp {color: #808080;}
#entrycomments { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.rte { width:638px; height:auto; border:none}

/* editBog.jsp */
.datalist { background:#fff;}
.datalist th { color:#000; font-weight:normal;}
.datalist td { padding:3px 0; border-top:1px solid #d8dfea; border-bottom:0;}
.datalist .title { padding-left:10px; border-left:0; border-right:0;}
.datalist .time { width:100px; text-align:center;}
.datalist .edit { width:80px; text-align:center;}
.datalist .commenter { width:80px; text-align:center;}
.datalist .remove { width:30px; padding-right:10px; text-align:right;}

/* entry */
#entry { margin:10px 0; border:1px solid #d8dfea; background:#fff;}
#entry h3 { margin:0; padding:0 10px; border:0; border-bottom:1px solid #d8dfea; background:transparent; color:#3B5888; font-size:14px; line-height:24px;}
#entry .time { padding:0 10px; border-bottom:1px dashed #d8dfea; color:#808080; line-height:24px;}
#entry .time { *zoom:1;}
#entry .text { overflow:hidden; width:440px; padding:10px;}
#entry .text img { max-width:440px;}
* html #entry .text img { width:expression((this.width < 440) ? "auto" : "440px");}
#entry .stat { padding:0 10px; color:#808080; line-height:24px;}

#editorForm p { margin:5px 0;}
#editorForm p.actions {margin: 15px 0 0}
#editorForm .label { display:block; color:#333; font-weight:bold;}
#editorForm #title { width:466px;padding:3px;font-size:14px;}
#editorForm .permission { color:#333; float:right;margin-right:140px;}
#editorForm .permission input { margin-right:5px;}

#editorForm #upFile, #editorForm .permission, #editorForm .actions {
    margin-bottom: 0.75em;
}

#comments .comment .content img {max-width:360;}
* html #comments .comment .content img { width:expression((this.width < 360) ? "auto" : "360px");}

#blogpage #wide-column h2 {
    margin-bottom: 0.75em;
    text-indent: 0.6em;
}

#blog-releative {
    float: right;
    /*position: relative;*/
    width: 152px;
    margin-top: -428px;
    margin-bottom: 10px;
}

* html #blog-releative {margin-top: -460px;}
*+html #blog-releative {margin-top: -430px;}

#list-big-avatars {


}
#list-big-avatars table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0.6em;
}

#list-big-avatars table td {
    border: 1px solid #D8DFEA;
    background: #FFF;
    padding: 0.8em;
    width: 33.33333%
}

#list-big-avatars .big-avatar {

}

#list-big-avatars .big-avatar p {
    float: left;
    margin-right: 0.8em;
}

#list-big-avatars .big-avatar img {
    width: 100px;
}

#list-big-avatars .big-avatar strong {
    display: block;
}



#blogpage .page-title.post {
	padding: 15px 20px 10px;
	height: 22px;
	border-bottom:1px solid #ccc;
}

#blogeditor .page-title.post h2,
#blogpage .page-title.post h2 {
	background: url(/img/newsfeed/blog.gif) no-repeat;
	padding:0 0 0 24px;
}

*+html #blogpage .page-title.post h2 {
	padding-top:2px;
}

.composer {

}
#compose_message div.tokenizer {
	border: #BDC7D8 1px solid;
}
#compose_message div.tokenizer {
	width: 124px;
	min-height: 21px;
}

#share_send #compose_message div.tokenizer {
	width: 295px;
}




/* very old super input */

#super-input {
    border: 1px solid #BDC7D8;
    width: 122px;
    height: 18px;
    position: relative;
}

#super-input .sinput-text {
    border: none;
    height: 14px;
    line-height: 14px;
    padding: 2px;
    width: 104px;
    float: left;
}

#super-input .sinput-pop {
    display: block;
    width: 14px;
    height: 18px;
    background: #D8DFEA url(/img/sinput_off.gif) no-repeat center center;
    float: left;
}

#super-input .sinput-pop.on {
    background: #FFF url(/img/sinput_on.gif) no-repeat center center;
}

#super-input .sinput-list-action, #super-input .sinput-list-select {
    background: #FFF;
    position: absolute;
    list-style: none;
    border: 1px solid #BDC7D8;
    border-top: none;
    top: 18px;
    left: -1px;
    width: 100%;
}

#super-input .sinput-list-select ul {
    border: 1px solid #EEE;
    border-width: 1px 0 1px;
    background: #FAFAFA;
}

*html #super-input .sinput-list-action, #super-input .sinput-list-select {
    clear: both;
}

#super-input .sinput-list-action ul, #super-input .sinput-list-select ul {
    list-style: none;
}

#super-input .sinput-list-action li {
    border-bottom: 1px solid #EEE;
}

#super-input .sinput-list-select li {
    border-top: 1px solid #EEE;
    height: 1.8em;
    line-height: 1.8em;
    padding-left: 0.5em;
}

#super-input .sinput-list-select li.first {
    border-top: none;
}

#super-input .sinput-list-select li .checkbox {
    margin-right: 0.5em;
}

#super-input .sinput-list-action a {
    display: block;
    height: 1.8em;
    line-height: 1.8em;
    text-indent: 0.5em;
}

#super-input .sinput-list-action a:hover {
    background: #3B5888;
    color: #FFF;
    text-decoration: none;
}

#super-input .sinput-button input {
    margin: 0.5em 0 0.5em 0.5em;
    display: inline;
}




#blog-releative .add {
    padding: 10px 0 10px 10px;
}

* html #blog-releative .add {
    border: 1px solid #F0F0F0;
}

#blog-releative .list {
}

#blog-releative .list div {
    margin-bottom: 0.75em;
    overflow: auto;
    zoom: 1;
}

#blog-releative .list div p {
    float: left;
    margin-right: 0.5em;
}

#blog-releative .list img {
    width: 50px;
}

#blog-releative .list div strong {
    display: block;
}

h3.title-article {
    background: #F7F7F7;
    padding: 0.5em 0.3em 0.5em 0.5em;
    border-top: 1px solid #3B5888;
    border-bottom: 1px solid #D8DFEA;
}

h3.title-article.margin-top{
  margin-top:10px;
}

h3.title-article strong {
    font-size: 1.2em;
    word-break: break-all;
    display: block;
    overflow: hidden;
    margin-right:6em;
	margin-bottom:5px;

}

* html h3.title-article strong {
    position: relative;
}

h3.title-article .edit {
    float: right;
    position: relative;
	font-weight:normal;
}

h3.title-article .share {
    float: right;
    position: relative;
	font-weight:normal;
}

h3.title-article .timestamp {
    display: block;
    color: #808080;
    line-height: 1.0em;
}

h3.title-article .imported-article {
	background:url(/img/newsfeed/blogmini.gif) no-repeat 0 5px;
    font-weight:normal;
	border-top:1px solid #ccc;
	margin:5px 0 0;
	padding:7px 0 3px 19px;
	width:200px;
}

h3.title-article .mobile-article {
	background:url(/img/mobile-intro/tinymobile.gif) no-repeat 1px 6px;
    font-weight:normal;
	border-top:1px solid #ccc;
	margin:5px 0 0;
	padding:5px 0 0 19px;
	width:200px;
}


.text-article {
    overflow: hidden;
    padding: 10px 5px;
    word-break: break-all;
    width: 580px;
    font-size: 14px !important;
}

.text-article img { max-width:550px;}
*html .text-article img{ width:expression((this.width < 550) ? "auto" : "550px");}

.stat-article {
    color: #808080;
    border-top: 1px solid #DDD;
    height: 1.8em;
    line-height: 1.8em;
    padding: 0 5px;
	margin-bottom:15px;
}

.share a {
    display: block;
    padding: 3px 6px 1px;
    width: 40px;
    line-height: 1.0em;
    border: 1px solid #7F93BC;
    color: #525C97;
    background: #FFF url(/img/share.gif) no-repeat right center;
}

.share a:hover {
    border: 1px solid #3B5888;
    color: #FFF;
    background: #3B5888 url(/img/share_hover.gif) no-repeat right center;
    text-decoration: none;
}



#box-author {
    zoom:1;
    overflow:hidden;
}

#box-author p {
    float:left;
    min-height:4.0em;
    margin-right:0.5em;
}

*html #box-author p {
    height:4.0em;
}

#box-author img {
    width: 50px;
}

#box-author ul {
    list-style: none;
}

.list-blog .list-blog-ava {
    float: right;
    width: 70px;
}

.list-blog .list-blog-ava img {
    width: 50px;
}

.list-blog .list-blog-ava span {
    display: block;
}

.list-blog .list-blog-content {
    margin-right:80px;
}

.form-blogimport {padding: 20px 80px;}

.form-blogimport h3 {
	border-bottom: 1px solid #B9C4DA;
	line-height: 2.0em;
	font-size: 1.2em;
}

.form-blogimport p {
	line-height: 1.5em;
	margin: 1.0em 0;
}

.form-blogimport p label {
	display: block;
	float: left;
	width: 5.0em;
	font-weight: bold;
	color: #666;
}

.form-blogimport p .inputtext {
	width: 30.0em;
	color:#808080;
	padding-left: 3px;
}

.form-blogimport p.empty {
	margin: 0 0 2.0em
}

.form-blogimport p.empty input {
	margin-right: 0.5em;
}

.form-blogimport p.empty label {
	color: #F7F7F7;
}

.form-blogimport .imported {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 5px;
	font-weight: bold;
}
.form-blogimport .imported span {
	display: block;
	font-weight: normal;
}

#side-column .bottom-box p.rss {
    margin: 10px 0 2px;
	line-height: 1.5em;
}

#mycomment h3 { border-bottom:1px solid #d8dfea; color:#3B5888; font-size:14px;}

/* viewBlog.jsp & pop & fresh */
#blogs, #blogs ul { list-style:none;}

.entry { margin:10px 0; padding:10px; border:1px solid #d8dfea; background:#fff;}
.entry:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .entry { height:1%;}
*+html .entry { min-height:1%;}
.entry .readmore { text-align:left;}

#blogs .author { overflow:hidden; float:right; width:80px; text-align:center;}
#blogs .author .image { display:block;}
#blogs .author .image img { padding:5px; border:1px solid #d8dfea; background:#fff;}
#blogs .author .image a:hover { background:transparent;}
#blogs .author .image a:hover img { border:1px solid #3B5888; background:#d8dfea;}
#blogs .author .name { line-height:24px;}
#blogs .author .name a { display:block; text-decoration:none;}
#blogs .author ul { width:80px; border-top:1px solid #d8dfea;}
#blogs .author ul a { display:block; border-bottom:1px solid #d8dfea; text-align:center; text-decoration:none;}
#blogs .author ul a:hover { color:#fff; background:#3B5888;}

#blogs .info { overflow:hidden; width:480px; text-align:left;}
#blogs .info h4 { font-size:14px; font-weight:bold; line-height:24px;}
#blogs .info .text { padding:5px 0;}
#blogs .info .text img { max-width:480px;}
* html #blogs .info .text img { width:expression((this.width < 480) ? "auto" : "480px");}
#blogs .info .subinfo { color:#808080;}

/* msg page */
.message {padding:20px; }
.message .text { border:0; padding:0; margin:0; margin:0 0 20px;  }
.rss-msg {font-size:14px; border:1px solid #ccc; border-top:0; padding:10px 10px 30px 50px; background:url(/img/rss_updated.png) no-repeat 10px 15px; }
.rss-msg p span {color:#555; }
.message h3 { font-size:14px; font-weight:bold;padding:10px 10px 8px;  background:#3B5888; color:#fff;}
.message .highlight, .message h4, #messagepage .reply {display:none; }






/*for new blog*/
.list-blog .full_listfoot{ margin:5px; color:#808080;}
.list-blog .full_listfoot p{ height:20px; line-height:20px;}
.title-article .editarticle{ font-weight:normal; float:right; margin-right:5px; color:#3b5998;}
h3.title-article .timestamp{ display:inline; font-weight:normal;}
h3.title-article span.group{ color:#808080; font-size:11px; font-family:tahoma,MingLiU; font-weight:normal;}

/*blogIndexPage*/
#blogindex .snav {
	margin: 0 10px 10px;
}

#blogindex .page-title .new-media-shell {
	float: right;
}

#blogindex .pager-top {
	margin-bottom:15px;
	padding:0;
}

#blogindex .select-filter {
background:#F7F7F7 none repeat scroll 0%;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 0pt;
height:22px;
line-height:22px;
padding:5px 10px;
}


.list-box .marginleft{ margin-left:60px;}
.list-box .marginleft .text-article{ width:auto;}
.list-box img.mypic{ float:left;}
.list-box .full_listfoot{ margin:5px; color:#808080;}
.list-box .full_listfoot p{ line-height:18px;}

.stat-article a.postcom{ float:right;}

.title-article a.author{ margin-right:5px; font-weight:normal;}

#side-column .top-box ul.rollcall{ margin-top:10px;}
#side-column .top-box ul.rollcall li{ list-style:none; margin:6px 0;}
#side-column .top-box ul.rollcall li p{ line-height:18px;}
#side-column .top-box ul.rollcall li p.blod{ color:#333;}
#side-column .top-box ul.rollcall li p.blod a{ font-weight:bold;}
#side-column .top-box ul.rollcall li p.relation{ color:#808080;}


#relationfriend td{ vertical-align:top; padding:5px 0;}
#relationfriend td p a{ display:block; width:50px; height:50px; overflow:hidden; float:left; margin-right:5px;}



/*for blog manage page*/
#oak .singlebox_moremargin{ margin:30px;}
#oak .singlebox_moremargin h1,
#oak .singlebox_moremargin h2,
#oak .singlebox_moremargin h3,
#oak .singlebox_moremargin h4{ padding:3px 0; margin:3px 0;}

#oak .singlebox_moremargin h1{ font-size:14px; margin-bottom:10px; border-bottom:1px solid #b9c4da;}
.margintop{ margin-top:15px !important;}
#oak .singlebox_moremargin h2{}

#oak .singlebox_moremargin p{ margin:5px 0;}
#oak .singlebox_moremargin p.gray{ color:#808080;}

table.tint{ width:600px; margin:10px 0; text-align:left; background-color:#fff; border-collapse:collapse; border:1px #ccc solid;}
table.tint.average td{ width:25%}
table.tint th,
table.tint td{ padding:5px 10px; border-bottom:1px solid #ccc;}
table.tint th{ background-color:#f8f9fc;}
table.tint th.groupname{ width:200px;}
table.tint th.rename{ width:60px;}
table.tint th.del{ width:80px;}
table.tint tr.addnew td{ vertical-align:middle; height:35px; line-height:35px;}

table.tint tr.highlight{ background-color:#ffffd3; border:0;}
table.tint tr.highlight .inputtext{ width:200px;}
table.tint tr.highlight td a{ line-height:22px;}
table.tint td .inputbutton.mini{ padding:2px 4px!important; height:22px;}

/*blog tag*/
#wide-column .tagcloud{ margin:15px;}

#wide-column .tagcloud a.tagstyle1{ font-size:12px;}
#wide-column .tagcloud a.tagstyle2{ font-size:14px;}
#wide-column .tagcloud a.tagstyle3{ font-size:16px;}
#wide-column .tagcloud a.tagstyle4{ font-size:18px;}
#wide-column .tagcloud a.tagstyle5{ font-size:16px;}
#wide-column .tagcloud a.tagstyle6{ font-size:20px;}
#wide-column .tagcloud a.tagstyle7{ font-size:22px; font-weight:bold;}
#wide-column .tagcloud a.tagstyle8{ font-size:24px; font-weight:bold;}
#wide-column .tagcloud a.tagstyle9{ font-size:28px; font-weight:bold;}
#wide-column .tagcloud a.tagstyle10{ font-size:30px; font-weight:bold;}


#wide-column .tagcloud a{ margin:20px 20px 30px 0; height:50px; line-height:50px;}
*html #wide-column .tagcloud a{ margin:10px;}

/*for autosave*/
#single-column .altbox{ text-align:center; background-color:#fef6c7; border:1px #ffe222 solid; padding:10px; margin-bottom:15px}
#single-column span.altbox.saving{ width:110px; overflow:hidden; border:1px #ffe222 solid; font-weight:bold; padding:3px; }
/**+html #single-column span.altbox.saving{ float:right; padding:2px; margin-top:-24px;}*/

/* for newblogeditor 2008/10/15 added by youhuata.com */
.blogeditor #content{width:800px; float:left}
.editorHolder{float:left; display:inline}
.blogeditor .editorHolder{padding:10px 0;width:618px;overflow:hidden;zoom:1}
.blogeditor #content #blog-releative{overflow:hidden;zoom:1;width:142px; float:right; margin-top:0}
.blogeditor #content #blog-releative h3{font-size:12px}
#editorForm p{margin:0 0 10px}
#editorForm p.bd{border-bottom:solid 1px #ccc;padding-bottom:10px}
#editorForm .permission{float:none; margin-right:0}
.blogeditor #content #blog-releative .tips,.blogeditor #content .permission label{color:#666; font-weight:normal}
.blogeditor #content #blog-releative .tips{padding-top:8px}
.blogeditor #content #blog-releative .add{padding: 10px 0;border-bottom:solid 1px #ccc;margin-bottom:10px;zoom:1;overflow:hidden; border-width:0 0 1px}
.blogeditor #content #editorForm p.blog_body textarea{width:612px;height:262px; padding:2px}
.blogeditor #editorForm #title{width:506px;}
.blogeditor #content #blog-releative {
    float: right;
    width: 142px;
	margin-right:0;
	margin-top:0;
	border:none!important;
	background:none!important;

}
.blogeditor #content #blog-releative .add input{width:134px;}
.blogeditor #content #compose_message div.tokenizer {width:147px}
#blogeditor.blogeditor .page-title.post {
	padding: 15px 20px 10px;
	height: 22px;
	border-bottom:1px solid #ccc;
}
#blogeditor.blogeditor  #oak.gray{background-color:#f7f7f7; overflow:hidden;zoom:1}
#blogeditor.blogeditor #single-column{padding:10px; clear:both}
#letterPaper p {margin:0}
.blog-sidebar #blog-releative{margin-top:0; position:static; float:none; border:none; border-width:0px;background:none; padding:5px 10px 10px; width:auto}
.blog-sidebar #blog-releative .list{padding-left:0}
.blog-sidebar #blog-releative .list div{padding:5px 10px; margin-bottom:0}
.blog-sidebar #blog-releative .list .hover{background-color:#5C75AA; color:#C3CDDF}
.blog-sidebar #blog-releative .list .hover a{color:#C3CDDF}
.blog-sidebar #blog-releative h3{font-size:12px; margin-bottom:10px}
.blogeditor #blog-releative .list{border:none}
.text-article{overflow:hidden;text-overflow:ellipsis;width:580px; line-height:1.5}
/*	for	article style */
.text-article ol,
.text-article ul{list-style:inside disc;padding-left:15px}
.text-article ol{list-style-type:decimal}
.text-article em{font-style:italic}
/*	end	 */
.commentlist .content{overflow:hidden;text-overflow:ellipsis;line-height:1.5; width:510px}
.share-actions{float:right; margin-left:1em;_display:inline;width:80px;}